<!DOCTYPE html>
<html>
	<head>
		<title>CSS Cookbook</title>
		<style type="text/css">
		<!--
		body {
		font-family: verdana, arial, sans-serif;
		}
		h1 {
		font-size: 120%;
		}
		p {
		font-size: 90%;
		}
		li a {
		font-size: 190%;
		}
		strong {
		text-decoration: underline;
		}
		div > strong {
		font-size: 190%;
		}
		a:link {
		color: blue;
		a:visited {
		color: purple;
		}
		a:hover {
		color: red;
		}
		a:active {
		color: gray;
		}
		-->
</style>
	</head>
	<body>
		<a href="#hireme">Hire Me</a>
		<h1>My Basic Web Page</h1>
		<h2>My Basic Web Page</h2>
		<h3>My Basic Web Page</h3>
		<h4>My Basic Web Page</h4>
		<h5>My Basic Web Page</h5>

		<blockquote cite="http://www.example.com/">
		<p>Sed quis custodiet ipsos custodes?</p>

		<img src="/site_media/sunflower.gif" alt="St. George Island beach at sunset
				with an approaching storm" />

				Nothing happens to this part of the sentence because this
				<strong>strong</strong> isn't the direct child of div.
				<div>
				However, this <strong>strong</strong> is the child of div.
				Therefore, it receives the style dictated in the CSS rule.
				</div>


				<ul>
				<li class="warning"><a href="http://csscookbook.com">Apples</a></li>
				<li> No a</li>
				<li><a href="http://csscookbook.com">Dog</a></li>
				<li>Apples</li>
				</ul>
				<dd>Seriatim</dd>
				<dt>Secondary Term</dt>
				<dd>Sequentia</dd>
				<dt>Tertiary Term<dt>
				<dd>Sequens mirabitur aetas</dd>
</dl>

				<h2 id="hireme">Hire Me</h2>





		</body>
	</html>